@charset "UTF-8";
/* line 6, ../../sass/component/list.scss */
.ui-list {
  background-color: #fff;
  width: 100%;
}
/* line 9, ../../sass/component/list.scss */
.ui-list > li {
  position: relative;
  margin-left: 15px;
  display: -webkit-box;
}

/* line 15, ../../sass/component/list.scss */
.ui-list-pure > li {
  display: block;
}

/*文字列表*/
/* line 19, ../../sass/component/list.scss */
.ui-list-text > li,
.ui-list-pure > li {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
  -webkit-box-align: center;
}

/* line 27, ../../sass/component/list.scss */
.ui-list-text h4,
.ui-list-text p {
  -webkit-box-flex: 1;
}

/*通栏列表*/
/* line 32, ../../sass/component/list.scss */
.ui-list-cover > li {
  padding-left: 15px;
  margin-left: 0px;
}

/* line 36, ../../sass/component/list.scss */
.ui-list > li.ui-border-t:first-child,
.ui-list > li:first-child > .ui-border-t {
  border: none;
  background-image: none;
}

/*列表缩略图*/
/* line 42, ../../sass/component/list.scss */
.ui-list-thumb,
.ui-list-thumb-s,
.ui-list-img,
.ui-list-icon {
  position: relative;
  margin: 10px 10px 10px 0px;
}
/* line 17, ../../sass/base/mixin.scss */
.ui-list-thumb > span,
.ui-list-thumb-s > span,
.ui-list-img > span,
.ui-list-icon > span {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
}

/* line 49, ../../sass/component/list.scss */
.ui-list-thumb {
  width: 50px;
  height: 50px;
}

/*列表普通图片*/
/* line 55, ../../sass/component/list.scss */
.ui-list-img {
  width: 100px;
  height: 68px;
}

/* line 59, ../../sass/component/list.scss */
.ui-list-thumb-s {
  width: 28px;
  height: 28px;
}

/*列表icon*/
/* line 64, ../../sass/component/list.scss */
.ui-list-icon {
  width: 40px;
  height: 40px;
}

/* line 68, ../../sass/component/list.scss */
.ui-list .ui-avatar,
.ui-list .ui-avatar-s,
.ui-list .ui-avatar-lg {
  margin: 10px 10px 10px 0px;
}

/*列表主要信息*/
/* line 74, ../../sass/component/list.scss */
.ui-list-info {
  -webkit-box-flex: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  padding-right: 15px;
}
/* line 82, ../../sass/component/list.scss */
.ui-list-info p {
  color: #777;
  font-size: 14px;
}

/* line 87, ../../sass/component/list.scss */
.ui-list-text .ui-list-info {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 91, ../../sass/component/list.scss */
.ui-list li h4 {
  font-size: 16px;
}

/* line 95, ../../sass/component/list.scss */
.ui-list:not(.ui-list-text) li > p,
.ui-list li > h5 {
  font-size: 14px;
  color: #777;
}

/*列表按压态*/
/* line 103, ../../sass/component/list.scss */
.ui-list-active > li:active,
.ui-list li.active {
  background-color: #e5e6e7;
  padding-left: 15px;
  margin-left: 0px;
}

/* line 109, ../../sass/component/list.scss */
.ui-list-active > li:active,
.ui-list > li.active,
.ui-list > li.active > .ui-border-t,
.ui-list > li.active + li > .ui-border-t,
.ui-list > li.active + li.ui-border-t {
  background-image: none;
  border-top-color: #e5e6e7;
}

/*连接列表*/
/* line 119, ../../sass/component/list.scss */
.ui-list-link > li:after {
  font-family: "iconfont" !important;
  font-size: 32px;
  line-height: 44px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  display: block;
  color: rgba(0, 0, 0, 0.5);
  color: #c7c7c7;
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -22px;
  margin-right: -10px;
}
@media (max-width: 320px) {
  /* line 119, ../../sass/component/list.scss */
  .ui-list-link > li:after {
    right: 10px;
  }
}

/* line 123, ../../sass/component/list.scss */
.ui-list-text.ui-list-link > li {
  padding-right: 30px;
}

/* line 126, ../../sass/component/list.scss */
.ui-list-link .ui-list-info {
  padding-right: 30px;
}

/*  功能类 */
/* line 130, ../../sass/component/list.scss */
.ui-list-function .ui-list-info {
  padding-right: 75px;
}

/* line 133, ../../sass/component/list.scss */
.ui-list-function .ui-btn {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -15px;
}

/* line 139, ../../sass/component/list.scss */
.ui-list-function .ui-btn-s {
  margin-top: -12px;
}

/* line 142, ../../sass/component/list.scss */
.ui-list-function.ui-list-link .ui-list-info {
  padding-right: 90px;
}

/* line 145, ../../sass/component/list.scss */
.ui-list-function.ui-list-link .ui-btn {
  right: 30px;
}

/* line 149, ../../sass/component/list.scss */
.ui-list-function li {
  -webkit-box-align: inherit;
}

/* line 153, ../../sass/component/list.scss */
.ui-list-one > li {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 44px;
}
/* line 158, ../../sass/component/list.scss */
.ui-list-one .ui-list-info {
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
}
/* line 162, ../../sass/component/list.scss */
.ui-list-one h4 {
  -webkit-box-flex: 1;
}

@media (max-width: 320px) {
  /* line 167, ../../sass/component/list.scss */
  .ui-list > li {
    margin-left: 10px;
  }

  /* line 170, ../../sass/component/list.scss */
  .ui-list-text > li,
  .ui-list-pure > li,
  .ui-list-info {
    padding-right: 10px;
  }

  /* line 175, ../../sass/component/list.scss */
  .ui-list-cover > li,
  .ui-list-active > li:active,
  .ui-list li.active {
    padding-left: 10px;
  }

  /* line 180, ../../sass/component/list.scss */
  .ui-list-text.ui-list-link > li {
    padding-right: 25px;
  }

  /* line 183, ../../sass/component/list.scss */
  .ui-list-function .ui-list-info {
    padding-right: 70px;
  }

  /* line 186, ../../sass/component/list.scss */
  .ui-list-function .ui-btn {
    right: 10px;
  }

  /* line 189, ../../sass/component/list.scss */
  .ui-list-function.ui-list-link .ui-list-info {
    padding-right: 85px;
  }

  /* line 192, ../../sass/component/list.scss */
  .ui-list-function.ui-list-link .ui-btn {
    right: 25px;
  }
}
